<template>
  <div>
    <!-- <h2>detail组件</h2> -->
    <li>消息编号：{{$route.query.id}}</li>
    <li>消息标题：{{$route.query.title}}</li>
    <li>消息编号：{{$route.params.id}}</li>
    <li>消息标题：{{$route.params.title}}</li>
    <li>{{id}}</li>
    <li>{{title}}</li>
  </div>
</template>

<script>
export default {
  name: 'Detail',
  props:['id','title'],
  mounted() {
    console.log(this.$route);
  }
}
</script>

<style>

</style>